<template>
    <div>推荐音乐</div>
    <p>新碟上架</p>
    <p>榜单</p>
    <p>排行榜</p>
    <div>
        <span>热门推荐</span>
        <a href="">华语</a>|<a href="">流行</a>|<a href="">电子</a>
        <hr>
        <div @click="getmusi">
            <img src="http://p2.music.126.net/zAuVCW-cUvn29s9IxuQh-w==/109951167071306612.jpg" alt="" width="60" height="60">
            <p>华语音乐</p>
        </div>

    </div>
</template>

<script setup>
import { useRouter,useRoute } from 'vue-router';
const router = useRouter() // 只负责路由页面跳转
const route = useRoute() //在路由跳转的时候传递参数
const getmusi = () => { 
    console.log(1234);
    router.push({ name: 'tzyy',query:{id:123}})
}
</script>

<style lang="scss" scoped>

</style>